<template>
    <div class="juZo">
        <el-header class="fanhui">
            <router-link to="/calendar">
                <el-button round class="round">&lt; 返回</el-button>
            </router-link>
        </el-header>


        <el-form ref="ruleForm" label-width="150px" class="demo-ruleForm">
            <el-form-item label="场馆选择：" required>
                <el-select  placeholder="请选择场馆">
                    <el-option>
                    </el-option>
                </el-select>
            </el-form-item>

            <el-form-item label="教练：" prop=" coachId">
                <el-select placeholder="请选择教练">
                    <el-option></el-option>
                </el-select>
            </el-form-item>

            <el-form-item label="课程" required>
                <el-select placeholder="请选择课程">
                    <el-option>
                    </el-option>
                </el-select>
            </el-form-item>

            <!--  -->

              <el-form-item label="日期" required>
                <el-date-picker type="date" placeholder="选择日期" value-format="yyyy-MM-dd">
                </el-date-picker>
             </el-form-item>
           
            <el-form-item label="时间" required>
                <el-select placeholder="请选择时间">
                    <el-option>
                    </el-option>
                </el-select>
            </el-form-item>


            <el-form-item>
                <el-button type="primary">立即添加</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>

   
</script>

<style scoped>
.juZo {
    width: 500px;
    margin: 0 auto;
}

.box {
    display: flex;
}

.shangCu .el-button {
    width: 60px;
    height: 36px;
    font-size: 10px;
}

.shangCu p {
    width: 300px;
}

.el-input {
    width: 200px;
}

.shuRu {
    width: 300px;
}

.qiMing {
    width: 300px;
}

/* 标签 */
.el-tag+.el-tag {
    margin-left: 10px;
}

.button-new-tag {
    margin-left: 10px;
    height: 32px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

.input-new-tag {
    width: 90px;
    margin-left: 10px;
    vertical-align: bottom;
}

.el-header {
    border-top-left-radius: 10px;
    /* 左上角 */
    border-top-right-radius: 10px;
    color: rgba(228, 228, 228, 1);
    text-align: right;
}

.fanhui {
    margin-left: 650px;
    margin-top: 20px;
}

.el-form {
    width: 100%;
    /* float: left; */
}

.block {
    /* margin-right: 50px; */
}

:deep(.block[data-v-77e3e1dc]){
    margin-left: 100px;
    margin-bottom: 20px;
}
.el-date-picker{
	text-align: right;
}
</style>